<template>
	<view :data-theme="theme">
		<view  class='personal-data pad30'>
			<view class='list borRadius14'>
				<view class="item acea-row row-between-wrapper">
					<view>账号</view>
					<view class='input'>
						<input type='text' name='userName' :value='userInfo.bsyUser.userName' maxlength="20"></input>
					</view>
				</view>
				<view class="item acea-row row-between-wrapper">
					<view>姓名</view>
					<view class='input'>
						<input type='text' name='realName' :value='userInfo.bsyUser.realName' maxlength="20"></input>
					</view>
				</view>
				<view class="item acea-row row-between-wrapper">
					<view>角色</view>
					<view class='input'>
						<input type='text' name='roleName' :value='userInfo.bsyUser.roleName' maxlength="20"></input>
					</view>
				</view>
				<view class="item acea-row row-between-wrapper">
					<view>所在医院</view>
					<view class='input'>
						<input type='text' name='hospitalName' :value='userInfo.bsyUser.hospitalName' maxlength="20"></input>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {mapGetters} from "vuex";
	import {setThemeColor} from '@/utils/setTheme.js'
	const app = getApp();
	export default {
		data() {
			return {
				theme:app.globalData.theme,
				bgColor:''
			};
		},
		mounted() {
		      // this.timer = setInterval(this.getTimes, 1000);
		},
		computed: mapGetters(['userInfo']),
		onLoad() {
			let that = this;
			that.bgColor = setThemeColor();
			uni.setNavigationBarColor({
				frontColor: '#ffffff',
				backgroundColor:that.bgColor,
			});
		},
		methods: {
			onLoadFun:function(){},
		}
	}
</script>

<style lang="scss" scoped>

	.personal-data .list {
		margin-top: 30rpx;
		background-color: #fff;
	}
	
	.personal-data .list .item {
		border-bottom: 1rpx solid #f2f2f2;
		padding: 24rpx;
		font-size: 32rpx;
		color: #282828;
	}
	.personal-data .list .item .input {
		width: 415rpx;
		text-align: right;
		color: #868686;
	}
	
	.bg_color{
		@include main_bg_color(theme);
	}
</style>
